vue 进阶
Vue.js进阶学习课程，以命令行的方式开发您的应用程序。课程详细课程介绍命令行安装各种项目模板webpack模板工程引入Bootstrap4使用Ajax库-axios自定义css样式组件的结构工程的结构路由知我心路由初体验动态路由嵌套路由路由也编程多路由拼图URL重定向多参数路由课程文件https://gitee.com/ko...
2024-01-10
vue 笔记
<div id="root"> <div> <input v-model="inputValue" /> <button @click="onAdd">submit</button> </div> <ul> <todo-item v-for="(item, index) of list" :key="index" :content="item" :ind...
2024-01-10
vue ui
做完上一篇的工作，即vue -V可以正常运行之后，我们使用vue ui指令，会发现报以下错误：Error: spawn cmd ENOENT Emitted ‘error’ event on ChildProcess instance at: errno: ‘ENOENT’, code: ‘ENOENT’, syscall: ‘spawn cmd’, path: ‘cmd’, spawnargs: [ ‘/c’, ‘start’, ‘""’, ‘/b’, ‘http://localhost:8000’ ]解...
2024-01-10
vue 指令
核心思想：数据驱动视图MVVM声明式指令一、条件渲染1、v-if<div v-if="type=='A'"> A</div><div v-else-if="type=='B'"> B</div><div v-else-if="type=='C'"> C</div><div v-else> other</div>scriptvar app = new Vue({ el: '#app', data: { name: "tom", age: 24, ...
2024-01-10
vue 笔记一
vue: 读音: v-u-e view vue到底是什么? 一个mvvm框架(库)、和angular类似 比较容易上手、小巧 mvc: mvp mvvm mv* mvx 官网:http://cn.vuejs.org/ 手册： http://cn.vuejs.org/api/vue和angular区别? vue——简单、易学 指令以 v-xxx 一片html代码配合上json，在new出来vue实例 个人维护项目 适合: 移动端项目,小巧 vue的发展势头...
2024-01-10
vue 导航问题
后台数据如下这是我前台导航我想鼠标滑过手机 下面只显示出 手机里面的group就是这样子的回答先在顶部循环出title列表，然后在每个元素上绑定data-id，再父级添加移入@mouseover、移出事件@mouseleave；下面手机则写一个定位盒子，并且上面移入展示、移出隐藏；当@mouseover移入时，获取当前元素的data-...
2024-01-10
vue 错误分析
1 点击事件发生的错误 原因是，重复触发事件函数导致 改为不一样的名字即可2 提示 ： “ vuex] Expects string as the type, but found undefined ” 一般为名称对应不一致所致，仔细检查名字...
2024-01-10
vue 锚点定位
vue 锚点定位<template> <div class="details"> <div class="wrapper w"> <div class="benefit"> <div class="benfit-left">//这个是页签 <div class="benefit-cell" ref="searchBar" :class="{\'fixed\': searchBarFixed}"> <div class="benefit-cell-title tabs"> ...
2024-01-10
vue 列表渲染
在Vue官网中写道，vue无法直接用索引设置元素，如 vm.items[0] = {}；提出的解决方法是用 ：example1.items.$set(0, { childMsg: 'Changed!'})；但是发现，如果用了这个方法之后，再使用vm.items[i]={};是有作用的。同样vue中无法通过将数组长度制为0来让数组为空，只能使用this.items.$remove(item)；此时去直接赋值是有...
2024-01-10
vue 遇到的报错
[Vue warn]: Invalid default value for prop "dataParams": Props with type Object/Array must use a factory function to return the default value. 翻译：（props default 数组／对象的默认值应当由一个工厂函数返回） 错误代码：dataParams:{ type:Object, default: {},},解决方法： default() { retu...
2024-01-10
vue 幸运大转盘
本文转载自： https://blog.csdn.net/landl_ww/article/details/78467991源码地址： https://github.com/ljy15802316943/lucky-wheel.git查看效果图...
2024-01-10
vue 介绍的拓展
计算属性<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></div>var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // a computed getter reversedMessage: f...
2024-01-10
vue 国际化配置
第一步： 创建lang文件夹 index.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'import Cookies from 'js-cookie'import elementEnLocale from 'element-ui/lib/locale/lang/en' // element-ui langimport elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'// element...
2024-01-10
vue 问题集合||
vuex 面包屑问题 可以利用vuex 加路由meta, 每次beforeEach手动concatvue样式条件判断文本选中 选项卡样式处理 <li @click="tab = 'a'" :class="{action: tab === 'a'}"></li> data { tab:'a' }vue新加图片找不到 ...
2024-01-10
vue 实时编译问题
现在我使用 @vue/cli 4.5.13 创建项目因为业务需求要实时进行编译。 使用如下命令yarn run build --watch 但是现在遇到如下问题。就是在每次重新编译的时候我需要往一个文件里面写入一个字符串fs.appendFileSync('./build.log', `${new Date()}\n`,() => { console.log('写入成功')})这个脚本我...
2024-02-22
vue 问题集合 |
vue做类似选项卡 点击改变curIndex , 选项内容显示用 v-show="$index == curIndex"current-view.sync ??vue 和 weppack理念冲突??connect-history-fall-back 与地址栏 路由 点击后 激活 active 样式ajax图片数据需要在method方法绑定vue如何实现列表滚动条位置不变, 详情页...
2024-01-10
vue 數據假分頁？
我在網上查到的都是打API那種取數據分頁那假設數據直接寫在前端呢？這樣我能怎麼樣做數據的分頁功能？想不太透呢有請大神解說data() { return { realWebItems: [], pageSize: 5, } },this.webItems.forEach((res, index) => { if (index + 1 <= th...
2024-02-28
vue的特点 关键字
1.对mvvm模式的理解Model-view-viewmodelModel数据模型View代表ui组件Viewmodel监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步view和model的对象，连接model和view 2.Vue的生命周期BeforecreateCreatedBeforemount载入前MountedBeforeupdateUpdatedBeforedestroyDestroyedDOM渲染在mounted中就完成了 3.实...
2024-01-10
vue 第三方图标库
"font-awesome": "^4.7.0", "dependencies": { "axios": "^0.18.0", "element-ui": "^2.4.11", "font-awesome": "^4.7.0", "js-cookie": "^2.2.0", "vue": "^2.5.2", "vue-i18n": "^8.7.0", "vue-router": "^3.0.1" },main.js中引入import 'font-awesome/...
2024-01-10
vue 全选与取消全选
vue 全选与取消全选所用知识点1 v-model：监听input内容2 watch:监听属性方法参考https://cn.vuejs.org/v2/api/#watch3 页面初始化调用函数 mounted一：html元素实现思路1 v-model 一个收集所有input（除全选框外）数组checkModel ，vue会动态将其checked为true的input的value值存入数组checkModel里2 watch函数来监听checkModel 属性...
2024-01-10
vue 默认展开详情页
1 { 2 path: '/Tree', 3 component: Tree, 4 children: [ 5 { 6 path: '/', 7 component: Come 8 } 9 ]10 }...
2024-01-10
vue 渲染括号问题?
想要在渲染的时候添加括号 类似于(wr)......应该如何操作回答：难道不是<a-select-option>({{item.evalue}}){{item.value}}</a-select-option>就可以吗回答：你上面的字符串拼接应该可以呀:label="`(${item.eValue})`"也可以 slot 里面<a>{{ `(${item.eValue})` }}</a>你显示...
2024-03-04
vue 错误提问示例
> 表格显示数据，选中其中一条数据进行编辑，弹出层编辑，发现修改数据时，表格中的数据同步变化。编辑成功之后，还会返回原本没修改之前的数据。> 传对象给子组件，子组件的值污染父组件。...
2024-01-10
vue JSX使用案例
备注：Vue JSX语法在.vue或者.jsx文件中使用方法都是一样的概要：v-model（可直接食用，必须是引用类型（v-model={xxxObj.xxxProperty}），如果不是，请加上this（v-model={this.xxxProperty}））v-show（可直接食用）v-if（ 需要转为js，三元表达式，or，var && <ComponentXXX /> ）v-for（需要转为js map函数，同时注意map返回...
2024-01-10
